<template>
    <div class="personalinfo">
        <div class="top">
            <span>个人信息</span>
        </div>
        <div class="info">
            <el-form :model="user" style="margin-left:350px;padding-top:46px">
                <el-form-item label="用户账号">
                    <el-input
                        v-model="user.u_name"
                        placeholder="user.id"
                        style="width:200px"
                        disabled
                    ></el-input>
                </el-form-item>
                <el-form-item label="昵称">
                    <el-input
                        v-model="user.u_aname"
                        placeholder="user.u_aname"
                        style="width:230px"
                    ></el-input>     
                </el-form-item>
                <el-form-item label="性别">
                    <el-radio v-model="user.u_sex" label="1">男</el-radio>
                    <el-radio v-model="user.u_sex" label="0">女</el-radio>
                </el-form-item>
                <el-form-item label="出生日期">
                    <el-date-picker
                        v-model="user.u_birth"
                        type="date"
                        placeholder="选择日期"
                        style="width:200px"
                    >
                    </el-date-picker>
                </el-form-item>
                <!-- 修改信息 -->
                <el-button style="background-color: rgb(62, 158, 255);"
                    >修改</el-button
                >
            </el-form>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            user: {
                u_id: "1",
                u_name: "18316040855",
                u_aname: "",
                u_birth: "1999-01-10",
                u_sex: "1",
                u_v_id: "",
                u_o_id: "",
            },
        };
    },
    methods: {
        // getuser(){
        //     // const axios =require('axios')
        //     this.$axios.get('http://localhost:3000/api/demo2')
        //     .then(res => {
        //         console.log("成功");
        //         console.log(res.data)
        //     })
        //     .catch(err => {
        //         console.error(err);
        //     })
        // }
    },
};
</script>
<style lang="scss" scoped>
.personalinfo {
    width: 100%;
    height: 100%;
}
.top {
    height: 60px;
    padding: 0 10px 0 24px;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.06);
    background: #f3f3f3;
    background: linear-gradient(#fbfbfb, #ececec);
    line-height: 60px;
    font-size: 26px;
    color: #333;
    align-items: center;
}
.info {
    min-height: 500px;
    background-color: #fff;
}
</style>
